<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>作业</title>
		<style>
		div{
			width:500px;
			height:400px;
			text-align: center;
			line-height: 400px;
			background-color: #fed600;
		}
		button{
			border: 1px solid transparent;
		}
		</style>
		<script src="../js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button id=01>tab01</button>
		<button id=02>tab02</button>
		<button id=03>tab03</button>
		<div>tab文字内容一</div>
		<script>
			$("#01").click(function(){
			$("div").html("tab文字内容一");
			$("#01").css("background-color","#fed600");
			$("#02").css("background-color","#f5f5f5");
			$("#03").css("background-color","#f5f5f5");
			});
			
			$("#02").click(function(){
			$("div").html("tab文字内容二");
			$("#02").css("background-color","#fed600");
			$("#01").css("background-color","#f5f5f5");
			$("#03").css("background-color","#f5f5f5");
			});
			
			$("#03").click(function(){
			$("div").html("tab文字内容三");
			$("#03").css("background-color","#fed600");
			$("#01").css("background-color","#f5f5f5");
			$("#02").css("background-color","#f5f5f5");
			});
			
		</script>
	</body>
</html>